{% extends 'demo/base.html' %}
{% load common_extras %}
{% block title %}
    {{ now_cls|capfirst }}-主要城市酒店一览
{% endblock %}
{% block header %}
    {% include 'demo/header.html' %}
{% endblock %}
{% block main %}
    {% include 'demo/classes.html' %}
    {% if articles %}
        <ul class="nav">
            {#循环生成多个li标签#}
            {#for循环获取到每篇文章数据 article保存了每篇文章数据    #}
            {% for article in articles %}
                {% if forloop.first %}
                    <div class="bottom-info">~ 这是第一篇文章 ~</div>
                {% endif %}
                <li>
                    {#  articles.0 第一篇文章数据  #}
                    {#  如果路由定义了转换器或者其他的参数，那么就不能使用url模板标签的命名路由跳转到其他页面  #}
                    <a href="/demo/article/{{ article.id }}">
                        <div class="left">
                            <h4>{{ forloop.counter }} . {{ article.title }}</h4>
                            <p>{{ article.desc }}</p>
                            <p class="time-info">发布时间：{{ article.create_time|time_since }}</p>
                        </div>
                        <div class="right">
                            {#                        {{ article.cover }}#}
                            <img src="/static/media/{{ article.cover }}/" alt="">
                        </div>
                    </a>
                </li>
                {% if forloop.last %}
                    <div class="bottom-info">已经是最后一篇文章了。</div>
                {% endif %}
            {% endfor %}
        </ul>
    {% else %}
        <div class="bottom-info">该分类暂无文章</div>
        <p>{{ str1|cut:' ' }}</p>
    {% endif %}
{% endblock %}


{#<p>{{ str1 }}</p>#}
{#<p>{{ num }}</p>#}
{#</body>#}
{#</html>#}



















